<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!--引入第三方框架UI-->
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet/less" href="css/base.css">
    <link rel="stylesheet/less" href="css/index.css">
    <script type="text/javascript" src="lib/less/less.js"></script>
    <!--引入less文件-->
    <link rel="stylesheet/less" href="./css/baicaijia.css">
    <!--引入解析less文件的js文件-->
    <script src="./js/less.js"></script>
    <!--<script src="js/jquery.js"></script>-->
    <script src="js/template.js"></script>
    <title>商品导航</title>
    <script type="text/javascript" src="lib/less/less.js"></script>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/sitenav.css">
    <script src="js/jquery.js"></script>
    <script src="js/sitnav.js"></script>

</head>
<body>
<header id="header">
    <a href="index.html" class="back fl"><</a>
    <h4>商品导航</h4>
    <div class="app fr">
        <a href="">
            <img src="images/header_app.png" alt="">
        </a>
    </div>
</header>

<main>
    <ul class="info clearfix">
        <li>
            <span>img</span>

        </li>
    </ul>
</main>
<section id="footer">
    <div class="chart clearfix">
        <span class="chart_in fl">品牌排行</span>
        <span class="more fr">
            <img src="images/more.png" alt="">
        </span>
    </div>
    <div class="login">
        <div class="container">
            <div class="row">
                <a href="">
                    <div class="col-xs-3">登入</div>
                </a>
                <a href="">
                    <div class="col-xs-4">注册</div>
                </a>
                <a href="">
                    <div class="col-xs-5">返回顶部</div>
                </a>
                <span></span>


            </div>
        </div>
        <div class="content_b">
            <p>
                <a href="#">
                    手机APP下载
                </a>
                <a href="#">
                    慢慢买手机版
                </a>
                -- 掌上比价平台
            </p>
            <p>
                m.manmanbuy.com </p>
        </div>
    </div>
</section>
<script type="text/html" id="sitenav">
{{each result as value}}
<li>
    <a href="{{value.navHref}}">
        <img src="{{value.navImg}}" alt="">
        <span>{{value.navTitle}}</span>
    </a>


</li>
    {{/each}}
</script>
</body>
</html>